@import './normalize.css';

/*:root -> 获取根元素html*/
:root {
  /* 可以定义变量 */
  --color-text: #2c3e50;
  --color-high-text: #b22d43;
  --color-tint: #ff8198;
  --color-background: #eee;
  --font-size: 14px;
  --line-height: 1.5;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  touch-action: none;
}

body {
  color: var(--color-text);
  /* font-size: var(--font-size); */
  font: 400 14px/1.5;
  font-family: '仿宋', Consolas, '微软雅黑', Monoca, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 禁止用户鼠标在页面上选中文字/图片等 */
  user-select: none;
  /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
  -webkit-tap-highlight-color: transparent;
  /* rem vw/vh */
  width: 100vw;
}

a {
  color: var(--color-text);
  text-decoration: none;
}

/* 清除浮动 */
.clear-fix::after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.clear-fix {
  zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}
